<script setup>
import { onMounted, nextTick, ref, reactive, watch, computed, watchEffect } from 'vue'


</script>

<template>
    <div id="manage">
        <el-menu router default-active="user" class="el-menu-vertical-demo">
            <el-menu-item index="barge">
                <span>驳船管理</span>
            </el-menu-item>
            <el-menu-item index="fisher">
                <span>渔船管理</span>
            </el-menu-item>
            <el-menu-item index="user">
                <span>用户管理</span>
            </el-menu-item>
        </el-menu>
        <div id="main">
            <router-view></router-view>
        </div>
    </div>
</template>

<style lang="less" scoped>
#manage {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #f0f2f5;
    display: flex;
    .el-menu{
        width: 160px;
        height: 100%;
        font-family: '阿里妈妈方圆体';
        span{
            font-size: 20px;
        }
    }
    #main{
        flex: 1;
        height: 100vh;
    }
}
</style>